<include file="Public:header" />
  <!-- 头部 开始 -->
  <div class="header">
    <div class="header_bg"></div>
    <div class="wrap clearfix">
      <div class="logo"><img src="/Public/images/logo.png" alt=""></div>
      <div class="phone"><p>{$web.phone}</p></div>
      <ul>
        <li><a href="/">首页</a></li>
        <li><a href="{:U('Brand/brand')}">品牌介绍</a></li>
        <li><a class="on" href="{:U('Goods/index')}">产品中心</a></li>
        <li><a href="{:U('Authorization/index#Authorization')}">授权查询</a></li>
        <li><a href="{:U('News/index')}">瞳年资讯</a></li>
        <li><a href="{:U('Video/index')}">视频中心</a></li>
        <li><a href="{:U('Feedback/index')}">用户反馈</a></li>
      </ul>
    </div>
  </div>
  <!-- 头部 结束 -->

  <!-- 轮播图 开始 -->
  <div class="banner">
    <div id="full-screen-slider">
      <ul id="slides">
        <foreach name="images" item="i">
        <li style="background:url('/Public/Uploads/{$i.pic}') no-repeat center top"><a href="{$i.url}" target="_blank"></a></li>
        </foreach>
      </ul>
    </div>
  </div>
  <!-- 轮播图 结束 -->
  <a name="Goods"></a>
<div class="shipin_xiang wrap">
<!--位置-->
<!--  <div class="weizhi">
        <ul>
          <li><a href="#">首页</a>></li>
          <li><a href="#">视频中心</a>></li>
          <li><a id="wei" href="#">瞳年超能量眼镜作用机理</a></li>
        </ul>
  </div>
<!--位置结束-->
<!--产品标题 开始-->
<div class="shipin">
   <h2>产品中心</h2>
   <h2>BRAND INTRODUCTION</h2>
</div> 
<!--产品标题 结束-->
<!--分类菜单 开始-->
<div class="fenzong">
  <div class="fenlei">
    <ul>
      <foreach name="cate1" item="a">

  
      <li class="shang" pid="{$a.id}"><a  href="javascript:;">{$a.name}<img src="/Public/images/gd.png" width="13" height="8"></a></li>

      </foreach>
        
    </ul>
    <div class="xiala" <if condition="empty($cate_lists)">style="display:none;"</if>>
          <ul>
            <volist name="cate_lists" id="vo">
            <li pid="{$vo.id}"><a href="{:U('goods/index?cid='.$vo['id'])}">{$vo.name}</a></li>
            </volist>
          </ul>
      <div class="clear"></div>
  </div>
    <div class="clear"></div>
  </div>
  
</div>
<!--分类菜单 结束-->
<!--array(array(id=>成人,id=>商务，id=>时尚),id=>时尚)-->
<!--视频列表 开始-->
<div class="chanpin_one">
    <ul>
      <foreach name="goods" item="v">
        <li >
          <a href="{:U('Goods/detail?id='.$v['id'])}" target="_blank"><img src="/Public/Uploads/{$v.pic}" width="269" height="338"></a>
          <p><a href="{:U('Goods/detail?id='.$v['id'])}" target="_blank">{$v.gname}</a></p>
        </li>
      </foreach>
    </ul>
</div>

<!--视频列表 结束-->
<!--分页 开始-->
  <div class="xw_fenye">    
      {$page}
  </div> 
<!--分页 结束-->   
</div>  
<include file="Public:footer" />

<script type="text/javascript"><!--更多下拉菜单-->
  $(document).ready(function(){

      //锚点
      location.hash="#Goods";

      $(".shang").on('click',function(){
          var pid = $(this).attr('pid');

          $('.shang').removeClass("main");
          $(this).addClass("main");
        $.ajax({
            type:'GET',
            url:'{:U("Goods/cate")}',
            data:'pid='+pid,
            datatype:'json',
            success:function(msg)
            {

                //成功后的前台处理……
                if(msg.status == 1)
                { 

                  $(".xiala").hide();
                  $(".xiala ul li").remove();
                  
                  //创建节点
                  $(".xiala ul").append(msg.str);
                  //显示
                  
                  $(".xiala").slideDown(1000);
                  
                }
                else
                {
                 
                  window.location.href=msg.url;
                }
            },

        });
      });
  });
</script><!--更多下拉菜单-->
